<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>赵恩杰棒棒系统</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body background="img/background.jpg" style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;" class="layui-layout-body">
<div hidden id="backgroundImg">
    <div class="layui-layout layui-layout-admin">
        <!--    layui-bg-orange改颜色-->
        <div class="layui-header layui-bg-black">
            <div class="layui-logo">
                <span style="color:white;font-weight:bolder">赵恩杰棒棒系统</span>
            </div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                <span id="loginUserNameDisplay">
                    <img src="img/AA.jpg" class="layui-nav-img">
                </span>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:userLoginSafe()">安全设置</a></dd>
                        <dd><a href="javascript:userLoginOut()">退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!--    layui-bg-orange改颜色-->
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <!--    layui-bg-orange改颜色-->
                <ul class="layui-nav layui-nav-tree layui-bg-black" lay-filter="test" id="leftMenuContent">
                </ul>
            </div>
        </div>

        <div class="layui-body">
            <div id="mainContent">
                <div class="layui-tab" lay-filter="leftmenutab" lay-allowclose="true">
                    <div id="main"></div>
                    <ul class="layui-tab-title" id="tabContentUI"></ul>
                    <!-- 添加id，在查找时只找其根节点-->
                    <div class="layui-tab-content" id="mainTabContent"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="layui/layui.all.js"></script>
<script>
    //JavaScript代码区域
    //进行缩略短语的初始化
    var layer = layui.layer;
    var $ = layui.$;
    var element = layui.element;
    var form = layui.form;
    var table = layui.table;
    var laytpl = layui.laytpl;
    //记录当前操作人员的ID
    var userid = 0;
    //用来记录操作人员的信息
    var myuser = 0;
    //用来接收弹出层的ID，便于后面进行关闭
    var panelIndex = null;
    var laydate = layui.laydate;
    var loginFile = "login/"
    //初始化页面 弹出登录窗口
    function showUserLoginPanel(formContent) {
        //示范一个公告层
        panelIndex = layer.open({
            type: 1
            , title: ['用户登录', 'text-align: center;'] //不显示标题栏,title: ['学霸', 'text-align: center;']
            , closeBtn: false
            , area: ['400px', '380px']
            , shade: 0
            , id: 'LAY_layuipro' //设定一个id，防止重复弹出
            , btnAlign: 'c'
            , move: false //拖拽模式，0或者1
            , content: formContent
        });
    }

    //通过ajax方式获取表单内容放置到弹出框里
    $(function () {
        //将临时存储信息isLogin的值赋给result
        var result = sessionStorage.getItem("isLogin");
        //判断result，当result不为OK代表是首次登陆，所以弹出登录表单
        if (result != "OK") {
            $.get(loginFile+'userLoginForm.html', function (data) {
                showUserLoginPanel(data);
            });
            //如果不是首次登录，
        } else {
            var loginUser = JSON.parse(sessionStorage.getItem("loginUser"));
            var realname = loginUser.uRealName;
            var rolestr = loginUser.uRoleStr;
            //保存操作人员的ID
            userid = loginUser.uId;
            //保存操作人员的信息
            myuser = loginUser;
            console.log("realname data" + realname + "rolestr" + rolestr + "userid" + userid);
            //调用跳转页面的函数
            initIndexPage(realname, rolestr);
        }
    })
    function initIndexPage(realname, rolestr) {
        $("body").removeAttr("background");
        $("#backgroundImg").removeAttr("hidden");
        //设置顶端登录成功后，显示用户名和职称
        $('#loginUserNameDisplay').append(realname + ':' + rolestr);
        //初始化左侧菜单
        var menuUrl = "leftMenu/";
        if (rolestr == "社区管理员") {
            menuUrl += "messagecjy.html";
        }else if(rolestr == "卫生防疫员"){
            menuUrl += "healthfyy.html";
        }else if(rolestr == "隔离点管理员"){
            menuUrl += "isolationmanager.html";
        }else if(rolestr == "系统管理员"){
            menuUrl += "systemadministrator.html";
        }else if(rolestr == "辖区管理员"){
            menuUrl += "districtAdministrator.html";
        }
        //根据角色显示不同页面
        $.get(menuUrl, function (data) {
            $('#leftMenuContent').html(data);
            //初次放入的时候，相关效果没有了，需要通过以下方式进行重新渲染初始化。
            //	 element.init();
            element.render('nav');
        });
    }
    //退出登录
    function userLoginOut() {
        //这里赋值NO是为了和已登录的OK区分
        sessionStorage.setItem("isLogin", "No");
        //刷新当前页面
        location.reload();
    }
    //安全设置
    function userLoginSafe() {
        $.get('login/userLoginSafe.html', function (contentData) {
            showUserSafeMessageWindow(contentData);
        });
    }

    //弹出窗口，用来进行用户安全设置，如修改密码
    function showUserSafeMessageWindow(data) {
        openLayId = layer.open({
            type: 1
            , title: ['安全设置', 'text-align: center;'] //不显示标题栏
            , minmax: true
            ,area: ['430px', '370px']
            , shade: 0.1  //表示还能看见前面的内容，1表示黑屏
            ,shadeClose: true //表示随意点击后面的内容可以关闭
            , id: 'LAY_layuiproUserLoginSafe' //设定一个id，防止重复弹出
            , btnAlign: 'c'
            , move: false //拖拽模式，0或者1
            , content: data
        });
    }

    //初始化页面
    $(function () {
        $.get('main.html',function (data) {
            $('#main').html(data)
        })
    })
</script>
</body>
</html>